@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700&subset=latin,vietnamese);

body{background:url(../images/bg.png) repeat-x; background-attachment:fixed; margin:0; font-family: 'Roboto', sans-serif; font-size:14px; color:#000;}

*{outline:none;}
img{border:none;}
.clr{clear:both;}

.page{width:980px; margin:0 auto;}
#logo{float:left; margin-top:20px; padding-right: 100px;}
#topmenu{float:right; text-transform:uppercase; margin-top:10px}
#topmenu a, #topmenu span{color:#000; text-decoration:none; font-size:12px; font-weight:bold}
#topmenu span{padding:0 7px}

.formsearch{float:right; margin-top: 12px;}
.formsearch input[type="text"]{border:1px solid #000; height:24px; float:left; margin-right:2px; padding: 0 7px; width: 196px;}
.formsearch input[type="submit"]{border:none; width:31px; height:26px; background:url(../images/btnsearch.png) no-repeat}

#toppage .modimage{float:left; margin-top: 18px;}
#toppage .modimage1{margin-right:7px}

#mainmenu{border-top:1px solid #000; border-bottom:1px solid #000; margin-top:12px; padding:4px 0}
#mainmenu ul{margin:0; padding:0; list-style-type:none; height:40px}
#mainmenu ul li{float:left; padding-top: 10px;}
#mainmenu ul li a{font-size:15px; text-transform:uppercase; text-decoration:none; color:#000; font-weight: 500; padding: 11px 20px; }

#mainmenu ul .active a, #mainmenu ul li a:hover{color:#fff; background:#179400;}
#mainmenu ul .active a{padding-left:25px; padding-right:26px;}

#bottompage{border-top:4px solid #179400; padding:20px 0; font-size:12px; margin-top:20px}
#bottompage p, #bottompage a{color:#000; text-decoration:none}
#bottompage p{margin:2px 0}
#bottompage a:hover{color:#1C8421}
#bottompage .col1{float:left}
#bottompage .col2{text-align:right; padding-top: 9px;}
#bottompage .col2 b{font-size:14px}

#contentbottom .modtext1{margin-top:20px}
#contentbottom .modtext1 h1{text-align:center; color:#1c8421; font-style:italic; font-size:18px; text-transform:uppercase; font-weight: 500;; border-top:1px solid #000; border-bottom:1px solid #000; padding:3px 0 1px; margin:0}

.menubottom{text-align:center;}
.menubottom p, .menubottom a{color:#000; text-decoration:none; font-size:13px}
.menubottom a:hover{color:#1C8421}

#content{margin-top:12px}
#content a, #content p, .menubottom, #bottompage{font-family:Myriad Pro, Arial, Helvetica, sans-serif}

.contentleft .box{float:left; width:340px; margin-right:25px; text-align:center; margin-bottom:25px}
.contentleft .box h1{color:#1c8421; text-transform:uppercase; font-weight:normal; font-style:italic; font-size:24px; margin-top:11px; margin-bottom:1px}
.contentleft .box h1 b{font-weight:500}
.contentleft .box p{text-align:left; margin:0}
.contentleft .box1{width:338px; border:1px solid #a8a8a8}
.contentleft .box1 .listitem{text-transform:uppercase;; font-size:13px; padding:0 20px}
.contentleft .box1 .listitem h4{color:#1c8421; font-size:14px; margin:10px 0 1px}
.contentleft .box1 .listitem a{color:#000; text-decoration:none; font-weight: 500;}
.contentleft .box1 .listitem a:hover{color:#1C8421;}
.contentleft .box1 .listitem p{text-align:center}
.contentleft .box1 .listitem .item{border-bottom:1px solid #999; padding-bottom:10px}
.contentleft .box1 .listitem .item:nth-child(6){border-bottom:none}

.contentleft .box2 h1{border-top:1px solid #000; border-bottom:1px solid #000; margin-top: 0; padding:1px 0}
.contentleft .box2 .listitem .item img{float:left; margin-right:10px}
.contentleft .box2 .listitem .item{text-align:left; margin-bottom:22px}
.contentleft .box2 .listitem .item a{color:#1c8421; text-decoration:none}
.contentleft .box2 .listitem .item a:hover{text-decoration:underline}
.contentleft .box2 .listitem .item p{margin-top:10px; margin-bottom:0}
.contentleft .box2 .listitem .item:nth-child(6){margin-bottom:0}

.slidemiddle{border:1px solid #a8a8a8; margin-bottom:25px; padding:5px 20px 20px; background:url(../images/bghomeslide.png) repeat}
.slidemiddle h1{text-transform:uppercase; font-size:30px; color:#1c8421; font-style:italic; font-weight:normal; margin:0}

.contentleft, .contentright{float:left; width:250px}
.contentleft{width: 730px;}

.contentright .mod{margin-bottom:25px;}

.contentright .modsocial{padding-left:1px}
.contentright .modsocial h1, .contentright .modsubleter h1, .contentright .modmostviewed h1{color:#1c8421; font-size:18px; margin:0 0 1px; text-transform:uppercase; font-style:italic; border-bottom:1px solid #000; border-top:1px solid #000; text-align:center; font-weight:normal; padding-top:3px}
.contentright .modsocial a{float:left; display:block; background:url(../images/iconsocial.png) top left no-repeat; width:37px; height:37px; margin-right: 16px;}
.contentright .modsocial .sc2{background-position:-53px 0}
.contentright .modsocial .sc3{background-position:-107px 0}
.contentright .modsocial .sc4{background-position:-160px 0}
.contentright .modsocial .sc5{background-position:-213px 0; margin-right:0}

.contentright .modsubleter{padding-bottom:20px}
.contentright .modsubleter h1{border:none; margin:2px 0}
.contentright .modsubleter{text-align:center; border:1px solid #a8a8a8; background:url(../images/bgsubleter.png) repeat}
.contentright .modsubleter label{font-size:12px; display:block; margin-bottom:10px}

.contentright .modsubleter input[type="submit"]{width:61px; background:#179400; border:none; color:#fff; padding:3px 0; text-transform:uppercase; font-size:12px}
.contentright .modsubleter input[type="text"]{border:1px solid #000; margin:0; font-size:12px; padding:3px; margin-right:3px; width:150px}

.contentright .modmostviewed ul{margin:0; padding:5px 0 0; list-style:none}
.contentright .modmostviewed ul li{padding:0 0 0 15px; background:url(../images/iconlist1.png) left 5px no-repeat; padding-bottom:8px}
.contentright .modmostviewed ul li a{color:#000; text-decoration:none}
.contentright .modmostviewed ul li a:hover{color:#1C8421}